import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  // {
  //   path: '/',
  //   name: 'Home',
  //   component: Home
  // },
  {
    path: '/button',
    name: 'button',
    component: () => import(/* webpackChunkName: "button" */ './views/button-view')
  },
  {
    path: '/dialog',
    name: 'dialog',
    component: () => import(/* webpackChunkName: "dialog" */ './views/dialog-view')
  },
  {
    path: '/input',
    name: 'input',
    component: () => import(/* webpackChunkName: "input" */'./views/input-view')
  },
  {
    path: '/switch',
    name: 'switch',
    component: () => import(/* webpackChunkName: "switch" */'./views/switch-view')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
